* {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
}

a {
    text-decoration: none;
    color: #333;
    display: inline-block;
}

body {
    /* max-width: 24rem; */
    margin: 0 auto;
}

html {
    font-family: "微软雅黑", 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.flex {
    display: flex;
}

.flex_sb {
    display: flex;
    justify-content: space-between;
}

.flex_ab {
    display: flex;
    justify-content: space-around;
}

.flex_ce {
    display: flex;
    justify-content: center;
}

.w1320 {
    width: 16.5rem;
    margin: 0 auto;
}

.nav_box {
    background: #FFFFFF;
    padding: .35rem 0;
}

.nav {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav_list>div {
    margin-left: .9125rem;

    >a {
        font-weight: 400;
        font-size: .2rem;
        color: #333333;
    }

    >a:hover {
        color: #D71718;
    }
}

.nav_seach>img {
    width: .2625rem;
    height: .25rem;
    margin: 0 .3125rem 0 .7625rem;
}

.nav_al {
    align-items: center;
}

.nav_lx {
    font-weight: 400;
    font-size: .2rem;
    color: #FFFFFF;
    line-height: .5rem;
    width: 1.875rem;
    height: .5rem;
    text-align: center;
    background: #2E3151;
    margin-right: .125rem;
}

.nav_lang {
    width: 1.1375rem;
    height: .5125rem;
    background: #FFFFFF;
    border: .0125rem solid #E1E1E1;
    font-weight: 400;
    font-size: .2rem;
    color: #2E3151;
    text-align: center;
    line-height: .5125rem;
}

.swiper_box {
    overflow: hidden;
    position: relative;

    img {
        width: 100%;
        display: block;
    }

    .swiper-slide {
        position: relative;

        h3 {

            width: 7.1875rem;
            font-weight: bold;
            font-size: .6rem;
            color: #FFFFFF;
            line-height: .9rem;
            margin-bottom: .7rem;
        }

        a {
            min-width: 1.875rem;
            height: .575rem;
            background: #2E3151;
            text-align: center;
            line-height: .575rem;
            width: .8125rem;
            font-weight: 400;
            font-size: .2rem;
            color: #FFFFFF;
        }

        .sp_pos {
            position: absolute;
            top: 50%;
            left: calc((100% - 16.5rem) / 2);
            transform: translate(0, -50%);
        }
    }
}

.fyq {
    position: absolute;
    left: auto !important;
    bottom: auto !important;
    right: .625rem !important;
    z-index: 200;
    top: 50% !important;
    transform: translate(0, -50%);
    width: auto !important;

    .swiper-pagination-bullet {
        width: .1rem;
        height: .1rem;
        background: #FFFFFF;
        opacity: 1 !important;
        display: block;
        margin: .0625rem auto !important;
    }

    .swiper-pagination-bullet-active {
        width: .25rem;
        height: .25rem;
        background: rgb(255, 255, 255, 0.62);
        position: relative;
    }

    .swiper-pagination-bullet-active::after {
        content: "";
        width: .1rem;
        height: .1rem;
        background: #FFFFFF;
        opacity: 1 !important;
        display: block;
        margin: 0 auto !important;
        position: absolute;
        top: 50% !important;
        border-radius: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}

.index_ab {
    background-image: url(../image/首页解决方案背景.png);
    padding-bottom: 1.5375rem;
}

.index_ab_hyxl {
    background: #FFFFFF;
    border-radius: .125rem;
    padding: .375rem;
    margin-top: -1.25rem;
    position: relative;
    z-index: 200;

    h3 {
        font-weight: bold;
        font-size: .3rem;
        text-align: center;
        color: #000000;
        margin-bottom: .125rem;
    }
}

.index_ab_swiper {
    overflow: hidden;
}

.index_ab_flex>a {
    /* max-width: 1.575rem; */
    height: 1.575rem;
    /* margin-left: .3375rem; */
    display: flex;
    /* border: 1px solid red; */
    align-items: center;
    justify-content: center;
}

.index_ab_flex>a>img {
    max-width: 100%;
    min-width: 90%;
}

.index_ab_content {
    margin-top: 1.675rem;

    .index_ab_content_img {
        position: relative;
        width: 7.925rem;
        height: 6.225rem;
        overflow: hidden;
        margin-right: 1.2375rem;

        img {
            cursor: pointer;
            object-fit: cover;
            width: 4.5rem;
            transition: all 0.3s;
        }

        img:hover {
            transition: all 0.3s;
            transform: scale(1.05);
        }

        .index_ab_img_treen {
            position: absolute;
            top: 0;
            left: .925rem;
            z-index: 1;
        }

        .index_ab_img_one {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 3;

        }

        .index_ab_img_tow {
            position: absolute;
            top: .625rem;
            right: 0;
            z-index: 2;
        }

        .index_ab_img_active {
            width: 5rem;
            height: 5rem;
            z-index: 4;
        }
    }

    .index_ab_content_text {
        width: 6.625rem;

    }
}

.spans {
    font-weight: 400;
    font-size: .2rem;
    color: #FF0000;
}

.h3s {
    font-weight: bold;
    font-size: .55rem;
    color: #000000;
    line-height: .75rem;
    margin: .225rem 0 .625rem;
}

.divs {
    font-weight: 400;
    font-size: .225rem;
    color: #333333;
    line-height: .45rem;
}

.as {
    width: 2.5rem;
    height: .575rem;
    background: #FF0000;
    font-weight: 400;
    font-size: .2rem;
    color: #FFFFFF;
    line-height: .575rem;
    margin-top: .625rem;
    text-align: center;
}

.index_list_box>.index_list_item {
    .flex_ce {
        align-items: center;
    }
}

.index_list_box>.index_list_item:nth-of-type(1) {
    padding: 1.5rem 0 .625rem;
}

.index_list_box>.index_list_item:nth-of-type(2) {
    padding: 1.5rem 0 1.0625rem;
}


.index_list_box>.index_list_item:nth-of-type(3) {
    padding: 1.0625rem 0 1.5rem;
    background: #FCFBF8;

    .index_list_item_left {
        margin-top: .5375rem;
    }

    .flex_ce {
        align-items: normal;
    }

    .index_list_item_right::after {
        content: "";
        width: 1.125rem;
        height: 1.125rem;
        background: #FF0000;
        position: absolute;
        left: -0.25rem;
        bottom: -0.25rem;
        z-index: 0;
    }
}

.index_list_item_left {
    width: 6.9125rem;
    font-weight: 400;
    font-size: .225rem;
    color: #333333;
}

.index_list_item_right {
    position: relative;
    width: 7rem;
    /* overflow: hidden; */
    height: 7rem;
    margin-left: 1.2375rem;

    img {
        min-width: 100%;
        object-fit: cover;
        transition: all 0.3s;
        position: relative;
        z-index: 1;
    }

    img:hover {
        transform: scale(1.02);
        transition: all 0.3s;
    }
}

.index_list_box>.index_list_item:nth-of-type(even) {
    direction: rtl;

    .index_list_item_right {
        margin-left: 0;
    }

    .index_list_item_left {
        margin-left: 1.2375rem;
        text-align: left;
    }
}

.index_al {
    /* background: rgb(255, 255, 255, 0.16); */
    background: #F9F9F9;
    padding: 1.625rem 0;
}

.index_al_box {

    h3 {
        font-weight: bold;
        font-size: .55rem;
        color: #000000;
        text-align: center;
    }

    >p {
        font-weight: 400;
        font-size: .225rem;
        color: #333333;
        text-align: center;
        margin: .375rem 0 .75rem;
    }

    .as {
        display: block;
        margin: .8375rem auto 0;
    }

    .index_al_box_item {
        width: 3.875rem;
        background: #FFFFFF;
    }

    .index_al_box_item_title {
        font-weight: 400;
        font-size: .225rem;
        color: #000000;
        text-align: center;
        margin: .25rem 0 .375rem;
    }

    .index_al_box_item_a {
        cursor: pointer;
        transition: all 0.3s;
        width: 1.5125rem;
        height: .4625rem;
        border: 1px solid #CCCCCC;
        font-weight: 400;
        font-size: .175rem;
        color: #000000;
        line-height: .4625rem;
        text-align: center;
        margin: 0 auto .375rem;
    }

    .index_al_box_item_a:hover {
        background: #FF0000;
        color: #FFFFFF;
        transition: all 0.3s;
        border: 1px solid #FF0000;
    }

    .index_al_box_item_img {
        width: 100%;
        height: 3.875rem;
        overflow: hidden;

        img {
            min-width: 100%;
            min-height: 100%;
            object-fit: cover;
            transition: all 0.3s;
        }

        img:hover {
            transition: all 0.3s;
            transform: scale(1.1);
        }

    }

}

.index_xz_box {
    background: #D10A0A;
    padding: 1.5rem 0 1.675rem;
}

.index_xz>h3 {
    font-weight: bold;
    font-size: .55rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: .9875rem;
}

.index_xz_content>img {
    width: .3rem;
    height: .2625rem;
    margin-right: .075rem;
    margin-top: .0625rem;
}

.index_xz_content_xq>h4 {
    font-weight: bold;
    font-size: .3rem;
    color: #FFFFFF;
}

.index_xz_content_xq>div {
    font-weight: 400;
    font-size: .2rem;
    margin-top: .25rem;
    color: #FFFFFF;
    width: 2.925rem;
    line-height: .375rem;
}

.footer {
    padding-top: 1.25rem;
    background: rgb(204, 204, 204, 0.09);
}

.fh3 {
    display: inline-block;
    font-weight: 400;
    font-size: .3rem;
    color: #000000;
    padding-bottom: .1875rem;
    position: relative;

}

.fh3::after {
    content: '';
    width: 100%;
    height: .05rem;
    background: linear-gradient(90deg, #FF0000, #F5F5F5);
    position: absolute;
    bottom: 0;
    left: 0;
}

.fp {
    width: 6.0125rem;
    font-weight: 400;
    font-size: .175rem;
    color: #333333;
    line-height: .35rem;
    margin: .225rem 0 0.425rem;
}

.f_form {
    width: 6.9rem;
}

.f_form_item {
    margin-bottom: .25rem;

    input {
        width: 3.3875rem;
        box-sizing: border-box;
        height: .5125rem;
        background: #FFFFFF;
        border: .0125rem solid #CCCCCC;
        outline: none;
        padding: .175rem .2625rem;
        font-weight: 400;
        font-size: .175rem;
        color: #333333;
    }

    textarea {
        width: 100%;
        height: .8875rem;
        background: #FFFFFF;
        border: .0125rem solid #CCCCCC;
        outline: none;
        box-sizing: border-box;
        padding: .1625rem .25rem;
    }
}

.f_form_button {
    width: 1.875rem;
    height: .5rem;
    cursor: pointer;
    background: #FF0000;
    text-align: center;
    line-height: .5rem;
    font-weight: 400;
    font-size: .175rem;
    color: #FFFFFF;
}

.f_lianxi {
    padding-bottom: .625rem;
    border-bottom: .0125rem solid rgb(204, 204, 204, 0.25);
}

.f_lianxi_right {
    margin-left: 1.3625rem;
}

.f_lianxi_right_xx {

    h5,
    p {
        font-weight: 400;
        font-size: .175rem;
        color: #000000;
        line-height: .375rem;
    }
}

.f_lianxi_right_xx_one {
    margin: .2875rem 0 .375rem;
}

.f_lianxi_right_top {
    padding-bottom: .6rem;
    border-bottom: .0125rem solid rgb(204, 204, 204, 0.25);
}

.f_lianxi_right {
    width: calc(100% - 6.9rem - 1.3625rem);
}

.f_lianxi_right_bottom {
    margin-top: .5rem;
}

.f_lianxi_right_bottom>a {
    display: block;
    width: calc(100% / 5.3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: .5rem;

    img {
        max-width: 100%;
    }
}

.foo_nav {
    padding: .25rem 0;
}

.foo_nav_list a {
    font-weight: 400;
    font-size: .2rem;
    color: #000000;
    margin-right: .625rem;
}

.foo_nav_beian a {
    font-weight: 400;
    font-size: .175rem;
    color: #ABAAAA;
}

/* 联系我们 */

.lx_banner {
    padding: 2.4375rem 0 1.25rem;
    background-image: url(../image/栏目顶图.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;

    h2 {
        font-weight: bold;
        font-size: .9rem;
        color: #000000;
        margin-bottom: 1.3875rem;
    }

    p {
        font-weight: 400;
        font-size: .3rem;
        color: #000000;
    }
}

.lx_content_w {
    padding: 1.25rem 0 1.875rem;
}

.lx_content_w .fh3 {
    font-weight: bold;
    font-size: .55rem;
    color: #000000;
    margin-bottom: .375rem;
}

.lx_content_w_left {
    width: 7.1rem;
}

.lx_content_w_left_one {
    margin-bottom: 1.25rem;

    div {
        font-weight: 400;
        font-size: .225rem;
        color: #333333;
        line-height: .45rem;
    }
}

.lx_content_w_left_tow_xx {
    >div {
        margin-bottom: .375rem;
    }

    div,
    a {
        font-weight: 400;
        font-size: .225rem;
        color: #000000;
        line-height: .45rem;
    }

    a {
        display: block;
    }
}

.lx_form_item {
    margin-bottom: .5rem;

    h3 {
        font-weight: bold;
        font-size: .25rem;
        color: #333333;
        margin-bottom: .2125rem;
    }

    input {
        box-sizing: border-box;
        width: 8rem;
        height: .55rem;
        background: #FAFAFA;
        border-radius: .025rem;
        border: .0125rem solid #E5E5E5;
        padding: .15rem .2375rem;
        font-weight: 400;
        font-size: .225rem;
        color: #7C7C7C;

    }

    textarea {
        width: 100%;
        height: 2.5rem;
        box-sizing: border-box;
        border-radius: .025rem;
        border: .0125rem solid #E5E5E5;
        padding: .15rem .2375rem;
        font-weight: 400;
        font-size: .225rem;
        color: #7C7C7C;
        background: #FAFAFA;
    }
}

.lx_form_button {
    width: 100%;
    height: .625rem;
    background: #FF0000;
    font-weight: 400;
    font-size: .25rem;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}

/* 详情 */
.details_box {
    padding-top: .7375rem;
}

.details_box_one {
    text-align: center;
    font-weight: 400;
    font-size: .3rem;
    color: #333333;
}

.details_box_tow {
    padding: .25rem 0 0.35rem;
    border-bottom: .0125rem solid #D9D9D9;
    text-align: center;

    >span:first-of-type {
        margin-right: .25rem;
    }

    sapn {
        font-weight: 400;
        font-size: .175rem;
        color: #7C7C7C;
    }
}

.details_box_content {
    font-weight: 400;
    font-size: .225rem;
    color: #333333;
    line-height: .45rem;
    padding: .625rem 0 1.875rem;
}

.public_lx {
    padding: 1.2375rem 0;
    background: #2E3151;

}

.public_lx_left {
    >h3 {
        font-weight: bold;
        font-size: .55rem;
        color: #FFFFFF;
        padding-bottom: .325rem;
        position: relative;
        margin-bottom: .4125rem;
    }

    >div {
        width: 4.5125rem;
        font-weight: 400;
        font-size: .225rem;
        color: #FFFFFF;
        line-height: .45rem;
    }

    >h3::after {
        content: "";
        width: 5.725rem;
        height: .05rem;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(90deg, rgba(255, 0, 0, 0.96), rgba(46, 49, 81, 0.89));
    }
}

.public_lx_box {
    align-items: end;
}

.public_lx_right {
    margin-bottom: 0.08rem;

    >a {
        width: 3.75rem;
        height: .575rem;
        background: #FF0000;
        text-align: center;
        line-height: .575rem;
        font-weight: 400;
        font-size: .2rem;
        color: #FFFFFF;
    }
}

.news {
    padding: 100px 0 1.5rem;
}

.news_box_list {
    flex-wrap: wrap;
}

.news_box_item {
    width: 5.375rem;
    margin-bottom: .75rem;
    padding-bottom: .375rem;
    border-bottom: .025rem solid #000000;


}

.news_box_item:hover {

    .news_box_item_text p,
    .news_box_item_text span {
        color: #FF0000;
    }

    border-bottom: .025rem solid #FF0000;

}

.news_box_item_img {
    height: 3.025rem;
    overflow: hidden;

    img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
        transition: all 0.3s;
    }

    img:hover {
        transition: all 0.3s;
        transform: scale(1.05);
    }
}

.news_box_item_text {
    padding: .25rem .25rem .375rem;

    p {
        font-weight: 400;
        font-size: .225rem;
        color: #000000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    span {
        margin-top: .3875rem;
        display: block;
        font-weight: 400;
        font-size: .175rem;
        color: #7C7C7C;
    }
}
.shzr_xw{
    .news_box_item_text{
        padding-bottom: .25rem;
    }
}
.news_box_item{
    padding-bottom: .25rem;
}

.sf_bzlc {
    background: #FCFBF8;
    padding: 1.225rem 0 1.25rem;
}

.sf_bzlc_box {
    text-align: center;

    >h3 {
        font-weight: bold;
        font-size: .45rem;
        color: #000000;
    }

    >p {
        font-weight: 400;
        font-size: .225rem;
        color: #333333;
        margin: .375rem 0 1rem;
    }
}



.sf_bzlc_box_item {
    >img {
        display: block;
        margin: 0 auto;
        width: 1.125rem;
        height: 1.125rem;
        transition: all 0.3s;
    }

    >p {
        font-weight: 400;
        font-size: .25rem;
        color: #333333;
        margin: .25rem 0 .225rem;
    }

    >div {
        font-weight: 400;
        font-size: .2rem;
        color: #333333;
        line-height: .3rem;
    }

    .cl2 {
        display: none;
    }
}

.sf_bzlc_box_item:hover {
    .cl2 {
        display: block;
        transition: all 0.3s;

    }

    .cl1 {
        display: none;
        transition: all 0.3s;

    }

}

.sf_sjfw {
    padding: 1.2375rem 0;
}

.sf_sjfw_box {

    >h3 {
        font-weight: bold;
        font-size: .45rem;
        color: #000000;
        text-align: center;
    }

    >p {
        font-weight: 400;
        font-size: .225rem;
        color: #333333;
        margin: .375rem 0 .75rem;
        text-align: center;
    }
}

.sf_sjfw_box_list {
    flex-wrap: wrap;
    padding: 0 0.5625rem;

    >.sf_sjfw_box_item:nth-of-type(1),
    >.sf_sjfw_box_item:nth-of-type(2) {
        margin-bottom: .375rem;
    }
}

.sf_sjfw_box_item {
    position: relative;
    background: #FCFBF8;
    padding: .5rem 0.75rem;
    width: 7.5rem;
    align-items: center;
    height: 2.5rem;
    box-sizing: border-box;
}

.sf_sjfw_box_item_key {
    position: absolute;
    top: 0;
    left: .375rem;
    width: .45rem;
    height: .625rem;
    background-image: url(../image/b1f9c8cc8e33ce2835ccf87a1eafe35.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: .3rem;
    color: #FFFFFF;
}

.sf_sjfw_box_item_img {
    width: 1.5rem;
    height: 1.5rem;
    background: #FFFFFF;
    border-radius: 50%;

    img {
        width: 100%;
        height: 100%;
    }
}

.sf_sjfw_box_item_text {
    width: 4.15rem;

    >h3 {
        font-weight: 400;
        font-size: .275rem;
        color: #000000;
    }

    >div {
        font-weight: 400;
        font-size: .2rem;
        color: #333333;
        margin-top: .125rem;
        line-height: .375rem;
    }
}

.sf_youshi {
    background: url(../image/优势.png);
    padding: .75rem 0 1.25rem;
}

.sf_youshi_box {
    box-sizing: border-box;
    background: rgb(255, 0, 0, 0.74);
    padding: 1.75rem 1.525rem;
    font-weight: 400;
    font-size: .225rem;
    color: #FFFFFF;
    line-height: .375rem;
    text-align: center;
}

.sf_fwlc {
    background: url(../image/设计服务流程背景.jpg);
    padding: 1.25rem 0;
    background-repeat: no-repeat;
    background-size: 100% 102%;
}

.sf_fwlc_box_title {
    align-items: center;

    >span {
        font-weight: bold;
        font-size: .75rem;
        color: #FF0000;
        margin-right: .15rem;
    }

    >div {
        font-weight: bold;
        font-size: .25rem;
        color: #333333;
    }
}

.sf_fwlc_content {
    margin-top: .75rem;
}

.sf_fwlc_content_item {
    text-align: center;
    width: 2.875rem;
    min-height: 3.8875rem;
    padding: .625rem 0;
    box-sizing: border-box;
    background: rgb(255, 255, 255, 0.4);

    .cl2 {
        display: none;
    }

    >img {
        width: 1.5rem;
        height: 1.5rem;
        display: block;
        margin: 0 auto;
    }

    >p {
        font-weight: 400;
        font-size: .2rem;
        color: #333333;
        line-height: .325rem;
        margin-top: .4875rem;
    }
}

.sf_fwlc_content_item:hover {
    .cl1 {
        display: none;
    }

    .cl2 {
        display: block;
    }

    p {
        color: #FF0000;
    }
}

.fwzs_item>.flex_sb {
    align-items: center;
}

.fwzs>.fwzs_item:nth-of-type(1) {
    padding: .9rem;
}

.fwzs>.fwzs_item:nth-of-type(2) {
    direction: rtl;
}

.fwzs_item_left {
    width: 6.4875rem;

    >span {
        font-weight: 400;
        font-size: .2rem;
        color: #FF0000;
    }

    >h3 {
        font-weight: bold;
        font-size: .55rem;
        color: #000000;
        margin: .1875rem 0 .625rem;
    }

    >div {
        >h4 {
            font-weight: bold;
            font-size: .225rem;
            color: #333333;
            line-height: 36px;
        }

        >div {
            font-weight: 400;
            font-size: .225rem;
            color: #333333;
            line-height: 36px;
        }
    }
}

.fwzs_item_right {
    padding-top: .2875rem;
    position: relative;
    width: 8rem;
    height: 8rem;
    /* box-sizing: border-box; */
    overflow: hidden;
    margin-right: .3rem;

    >div,
    >div>div {
        width: 100%;
        height: 100%;
        background: #FF0000;
    }

    img {
        width: 8rem;
        height: 8rem;
        position: absolute;
        left: .25rem;
        bottom: .25rem;
    }
}

.fwzs>.fwzs_item:nth-of-type(2) {
    padding: 1.25rem 0 .75rem;
    background: #FCFBF8;

    .fwzs_item_left {
        text-align: left;
        width: 7.65rem;
    }

    .fwzs_item_right {
        padding-top: .25rem;
        position: relative;
        width: 7.25rem;
        height: 7.25rem;
        /* box-sizing: border-box; */

        margin-left: .25rem;

        >div,
        >div>div {
            width: 100%;
            height: 100%;
            background: #FF0000;
        }

        img {
            width: 7.25rem;
            height: 7.25rem;
            position: absolute;
            right: .25rem;
            bottom: .25rem;
        }
    }
}

.ys_right {
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    padding: 0.25rem 0.25rem 0 0;
    position: relative;

}


.sekuai {
    width: 7rem;
    height: 7rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FF0000;
}

.swiper_boxw {
    width: 100%;
    position: absolute;
    left: .25rem;
    bottom: .25rem;
}

.fyq1 {
    position: absolute;
    left: 50% !important;
    bottom: .25rem !important;
    z-index: 100;
    display: flex;
    justify-content: center;
    transform: translate(-50%, 0) !important;

    .swiper-pagination-bullet {
        width: .125rem !important;
        height: .125rem !important;
        margin: 0 0.0625rem !important;
    }

    .swiper-pagination-bullet-active {
        background: #FF0000 !important;
    }
}

.fwzs>.fwzs_item:nth-of-type(2) {
    .ys_right {
        width: 7rem;
        width: 7rem;
        padding: 0 0 0.25rem 0.25rem;
    }

    .swiper_boxw {
        width: 100%;
        position: absolute;
        left: auto;
        right: .25rem;
        bottom: .25rem;
    }

    .sekuai {
        width: 7rem;
        height: 7rem;
        right: 0;
        left: auto;
    }
}

.hzlc {
    text-align: right;
    margin-top: 1.0625rem;

    >a {
        width: 2.5rem;
        height: .575rem;
        line-height: .575rem;
        background: #FF0000;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        font-size: .2rem;
        color: #FFFFFF;
    }
}

.case_box {
    padding: 1.25rem 0;
    background: #FAFAFA;
}

.case_box_navs {
    display: flex;
    margin-bottom: .5rem;
    flex-wrap: wrap;

    a {
        font-weight: 400;
        font-size: .225rem;
        color: #000000;
        text-align: center;
        margin-right: .2875rem;
    }

    .case_box_navs_active,
    a:hover {
        color: #FF0000;
        border-bottom: .025rem solid #FF0000;
    }
}

.case_list {
    flex-wrap: wrap;
}

.case_item {
    width: 3.875rem;
    background: #FFFFFF;
    margin-bottom: .325rem;

    >.case_item_img {
        height: 3.875rem;
        overflow: hidden;

        img {
            width: 100%;
            min-height: 100%;
            object-fit: cover;
            transition: all 0.3s;
        }
    }

    >.case_item_title {
        text-align: center;

        h3 {
            font-weight: 400;
            font-size: .225rem;
            color: #000000;
            margin-top: .375rem;
        }

        div {
            width: 1.5125rem;
            height: .4625rem;
            line-height: .4625rem;
            border: .0125rem solid #CCCCCC;
            font-weight: 400;
            font-size: .175rem;
            color: #000000;
            margin: .375rem auto .3625rem;
        }
    }
}

.case_item:hover {
    .case_item_img img {
        transition: all 0.3s;
        transform: scale(1.1);
    }

    .case_item_title h3 {
        color: #FF0000;
    }

    .case_item_title div {
        background: #FF0000;
        color: #FFFFFF;
        border: .0125rem solid FF0000;

    }
}

.fw_bottom_lb {
    overflow: hidden;
    position: relative;

    img {
        display: block;
    }
}

.swiper-button-prev,
.swiper-button-next {
    background-size: 60% 60% !important;
    width: .75rem !important;
    height: .75rem !important;
    background: rgb(0, 0, 0, 0.5);

}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #FF0000 !important;
}

.swiper-button-next {
    right: .45rem !important;
}

.shzr {
    padding: 1rem 0 1.2375rem;
}

.shzr_swiper {
    width: 14.5rem;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid red;

    img {
        display: block;
        width: 100%;
        height: 8rem;
    }

    a {
        div {
            font-weight: 400;
            font-size: .3rem;
            color: #000000;
            text-align: right;
            margin-top: .375rem;
        }
    }
}

.shzr_xw {
    width: 14.5rem;
    margin: 1rem auto 1.5rem;

    .news_box_item {
        width: 6.875rem;

    }

    .news_box_item_img {
        height: 3.875rem;
    }
}